//图文详情 - 新增、删除、排序
// box class => campsite-add;
// input name=sort =>  class='sort'
/**
 <span class="fa fa-minus min1"></span>
 <input type='button' name='upMove' value='上移'/>
 <input type='button' name='downMove' value='下移'/>
 **/


$(function(){
//添加商品描述
    var imageText = $(".image-text");
    var i= 1;
    //添加标签
    var temp = "<div class='btn-box'><input class='addText' type='button' name='addText' value='+ 文字'/>" +
        "<input class='addImg' type='button' name='addImg' value='+ 图片'/><input class='remove' type='button' name='remove' value='X 删除'/></div>"
    $(".image-text .text-box").each(function(){
        $(this).append(temp);
    });
    imageText.prepend("<div class='btn-box first-btn-box'><input class='firstText' type='button' name='firstText' value='+ 文字'/>" +
        "<input class='firstImg' type='button' name='firstImg' value='+ 图片'/></div>")
    var temp1 = "<div class=text-box>" +
        "<textarea name='agentProtocolImageTextDtoList["+i+"].path' class=form-control  maxlength='1900' placeholder='最多输入2000字'></textarea>" +
        "<input class='sort' name='agentProtocolImageTextDtoList["+i+"].sort' value='"+i+"' type='hidden'/>" +
        "<input name='agentProtocolImageTextDtoList["+i+"].type' value='1' type='hidden'/>"+temp+"</div>";
    var temp2 = "<div class='text-box'><div class='upload-box'>" +
        "<input class='obj-input' type='hidden' name='agentProtocolImageTextDtoList["+i+"].path' value='' />" +
        "<img class='obj-img' src='' style='display: none' /><span class='input-file'>" +
        "<input onchange='uploadImg(this)' data-action='goods' data-image='agentProtocolImageTextDtoList["+i+"].path' type=file class='no text field'></span>" +
        "<input class='sort' name='agentProtocolImageTextDtoList["+i+"].sort' value='"+i+"' type='hidden'/>" +
        "<input name='agentProtocolImageTextDtoList["+i+"].type' value='2' type='hidden'/></div>"+temp+"</div>";
    //添加文字
    imageText.on("click",".text-box .addText",function(){
        var _this = $(this);
        var curTr = _this.parents(".text-box");
        curTr.after(temp1);
        sortNumber();
    });
    //添加图片
    imageText.on("click",".text-box .addImg",function(){
        var _this = $(this);
        var curTr = _this.parents(".text-box");
        curTr.after(temp2);
        sortNumber();
    });
    imageText.on("click",".firstText",function(){
        var _this = $(this);
        var curTr = _this.parent();
        curTr.after(temp1);
        sortNumber();
    });
    imageText.on("click",".firstImg",function(){
        var _this = $(this);
        var curTr = _this.parent();
        curTr.after(temp2);
        sortNumber();
    });
    //删除
    imageText.on("click",".text-box .remove",function(){
        var _this = $(this);
        var curTr = _this.parents(".text-box");
        curTr.remove();
        sortNumber();
    });
    //第一个box不能删
    //imageText.find(".text-box").eq(0).find(".remove").remove();

    //计算下标
    function sortNumber(){
        var liBox = $(".add-box .text-box");
        var index = 0;
        var tArea,dataImg;
        var reg = /\d{1,3}/g;
        liBox.each(function(){
            index = $(this).index() - 1;
            $(this).attr("data-id",index);
            $(this).find("input").not("input[type='file']").each(function(){
                tArea = $(this).siblings("textarea");
                if(tArea.length > 0){
                    tArea.attr("name",tArea.attr("name").replace(reg,index));
                }
                $(this).attr("name",$(this).attr("name").replace(reg,index));
                $(this).siblings(".sort").val(index);
            });
            dataImg = $(this).find("input[type='file']").attr("data-image");
            dataImg && $(this).find("input[type='file']").attr("data-image",dataImg.replace(reg,index));
        });
    }

    //删除
    function removeBox(){
        $(".min1").off("click").click(function(){
            var _this = $(this);
            // layer.confirm('是否确定删除？', {
            //     btn: ['确定','取消']
            // }, function() {
            //     layer.closeAll();
            _this.parent().remove();
            sortNumber();
            // })
        });
    }
    removeBox();
    sortNumber();

    //     $(".fa-minus",addbox).click(function(){
    //         var id=$(this).attr('data-del');
    //         $(this).parent().remove();
    //         $.ajax({
    //             method : 'GET',
    //             dataType: 'json',
    //             url:  $("#_ctx").val()+'/admin/car/delImageTextById?id=' + id,
    //             success: function (data) {
    //                 if(data.code == '0'){
    //                 }else{
    //                     layer.alert(data.desc, {
    //                         icon : 5
    //                     });
    //                 }
    //             }
    //         });
    //     })
    //处理上传文件input
    // $(".add-input-img input[type='file']").each(function(){
    //     var dataName = $(this).attr("data-image");
    //     $(this).before("<input class='obj-input' type='hidden' name='"+dataName+"' value='' />" +
    //         "<img class='obj-img' src='' style='display:none' />");
    // })
    //
    //
    // $('.obj-img').click(function(){
    //     $(this).prev().click();
    // })
});